<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="layout/layout.xhtml">
    <ui:define name="center">
        <h:form>
            <div id="registration"><p:accordionPanel autoHeight="false">
                <p:tab title="Nickname">
                    <h:panelGrid columns="2" cellpadding="10">
                        <label>Nickname</label>
                        <h:inputText label="Nickname" id="nname"
                                     value="#{userBean.nickname}" required="true"/>
                    </h:panelGrid>
                </p:tab>
                <p:tab title="E-Mail">
                    <h:panelGrid columns="2" cellpadding="10">
                        <label>E-Mail</label>
                        <p:autoComplete label="Email" id="acSimple" value="#{userBean.email}"
                                        required="true" validator="#{userBean.validateEmail}"
                                        completeMethod="#{userBean.suggestEmail}"/>
                    </h:panelGrid>
                </p:tab>
                <p:tab title="Birthday">
                    <h:panelGrid columns="2" cellpadding="10">
                        <label>Birthday</label>
                        <p:calendar label="Birthday" value="#{userBean.birthday}" required="true"/>
                    </h:panelGrid>
                </p:tab>
            </p:accordionPanel> <h:commandButton action="success" value="Register"/></div>
            <h:messages/>
        </h:form>
    </ui:define>
</ui:composition>
</html>
